<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>使用 script</title>
	</head>
	<body>
		<!-- script 标签，可以具有任何域的 src。也可以执行来自任何网站的 script 脚本。 -->
		<!-- 如果一个网站，例如 another.com 试图公开这种访问方式的数据，则会使用所谓的 “JSONP (JSON with padding)” 协议。 -->

		<!-- 以下是工作方式的示例： -->

		<script>
			// 1. 声明一个全局函数，来接收数据。
			function gotWeather({ temperature, humidity }) {
				console.log(`温度：${temperature}，湿度：${humidity}`)
			}

			// 2. 创建一个特性为 src 的 script 标签，指向包含数据的 URL。
			const script = document.createElement('script')
			script.src = 'http://another.com/weather.json?callback=gotWeather'
			document.body.append(script)

			// 3. 远程服务器 another.com 动态生成一个脚本，该脚本调用 getWeather，发送它想让我们接收的数据。

			// 我们期望来自服务器的回答看起来像这样：
			// gotWeather({
			// 	temperature: 25,
			// 	humidity: 78,
			// })

			// 4. 当远程脚本加载并执行时，gotWeather 函数将运行，并且因为它是我们的函数，我们就有了需要的数据。
		</script>
	</body>
</html>
